<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>2019/4/29</title>
    <link rel="stylesheet" href="./lib/normalize.css">
    <link rel="stylesheet" href="./style/search.css">
    <!--好的代码像粥一样,是得用时间和精力熬的。-->
</head>
<body>
<div class="search-container">
    <div class="search-header">
        <div class="search-group">
            <i class="search-icon search-icon__search"></i>
            <input class="search-input" type="text" placeholder="请输入商品名或粘贴淘宝标题">
            <i class="search-icon search-icon__delete"></i>
        </div>
        <div class="search-cancel">取消</div>
    </div>
    <div class="search-body">
        <div class="search-res__title">大家都在搜</div>
        <div class="search-res">
            <!--<span class="search-res__item search-res__hot">iphone XS</span>-->
            <!--<span class="search-res__item">macbook pro</span>-->
        </div>
        <div class="search-rec__title">历史搜索</div>
        <div class="search-rec">
            <!--<span class="search-rec__item ">iphone XS</span>-->
            <!--<span class="search-rec__item">macbook pro</span>-->
        </div>
    </div>
</div>
</body>
<script src="./lib/mock.js"></script>
<script src="./mock/index.js"></script>
<script src="./lib/jquery.min.js"></script>
<script src="./lib/flexible.js"></script>
<script src="./script/search.js"></script>
</html>
